<template>
  <div>
    <div id="login_timeout_id" style="display: none;position: relative;">
      <div class="van-overlay" style="z-index: 2039;"></div>
      <div role="dialog" aria-labelledby="未登录" class="van-dialog" style="z-index: 2040;">
        <i @click="noLogin();" class="van-icon van-icon-close" style="position: absolute;right: 4px;top: 4px;font-size: 30px;"><!----></i>
        <div class="van-dialog__header" style="font-size: 14px;margin-top: 10px;">用微信授权登录商城才可以闯关哟~</div>
        <div style="font-size: 14px;text-align: center;font-weight: bold;">登录流程详见二维码下方红字</div>
        <div class="van-dialog__content">
          <div style="text-align: center;display: flex;flex-direction: column;align-items: center;">
            <img style="max-width: 80%;" src="./assets/img/no_login_ewm.png">
            <div style="font-size: 12px;color: #f44;padding-left: 0.04rem;padding-right: 0.04rem;padding-bottom: 15px;">
              <div>长按图片保存到手机相册</div>
              <div>打开微信客户端扫一扫，选择相册中该二维码登录</div>
            </div>

          </div>

        </div>
        <!--<div class="van-hairline&#45;&#45;top van-dialog__footer van-dialog__footer&#45;&#45;buttons" style="margin-top: 15px;">-->
          <!--<van-button @click="noLogin();" style="border-color: #fff;color: #f44;" plain hairline type="primary" size="large">暂不登录</van-button>-->
        <!--</div>-->
      </div>
    </div>
    <div id="api_loding_id" style="display: block;">
      <div class="van-modal" style="z-index: 200000000;background-color:rgba(0,0,0,0.6)"></div>
    </div>
    <template v-if="$store.state.reloadUrl">
      <keep-alive :include="$store.state.cachPages">
          <router-view>
          </router-view>
      </keep-alive>
    </template>
  </div>
</template>
<script>
export default {
  name: 'app',
  data(){
    return {
    }
  },
  methods:{
    noLogin() {
      document.getElementById('login_timeout_id').style.display='none';
    }
  },
  watch:{

  },
}
</script>
<style lang="less">
  html,body{
    background: @--color-page-background;
    color: #353535;
  }
</style>
<style scoped lang="less">
  .fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
  }
</style>
